/* SCSS Color Palette Variables */
$ibm-color__black-100: #000000;
$ibm-color__blue-10: #EDF4FF;
$ibm-color__blue-20: #C9DEFF;
$ibm-color__blue-30: #97C1FF;
$ibm-color__blue-40: #6EA6FF;
$ibm-color__blue-50: #418CFF;
$ibm-color__blue-60: #0062FF;
$ibm-color__blue-70: #054ADA;
$ibm-color__blue-80: #0530AD;
$ibm-color__blue-90: #061F80;
$ibm-color__blue-100: #051243;
$ibm-color__cool-gray-10: #F2F4F8;
$ibm-color__cool-gray-20: #D5D9E0;
$ibm-color__cool-gray-30: #B9BFC7;
$ibm-color__cool-gray-40: #9FA5AD;
$ibm-color__cool-gray-50: #868D95;
$ibm-color__cool-gray-60: #697077;
$ibm-color__cool-gray-70: #50565B;
$ibm-color__cool-gray-80: #373D42;
$ibm-color__cool-gray-90: #242A2E;
$ibm-color__cool-gray-100: #13171A;
$ibm-color__cyan-10: #E3F6FF;
$ibm-color__cyan-20: #B3E6FF;
$ibm-color__cyan-30: #6CCAFF;
$ibm-color__cyan-40: #30B0FF;
$ibm-color__cyan-50: #1193E8;
$ibm-color__cyan-60: #0072C3;
$ibm-color__cyan-70: #0058A1;
$ibm-color__cyan-80: #003D73;
$ibm-color__cyan-90: #002B50;
$ibm-color__cyan-100: #07192B;
$ibm-color__gray-10: #F3F3F3;
$ibm-color__gray-20: #DCDCDC;
$ibm-color__gray-30: #BEBEBE;
$ibm-color__gray-40: #A4A4A4;
$ibm-color__gray-50: #8C8C8C;
$ibm-color__gray-60: #6F6F6F;
$ibm-color__gray-70: #565656;
$ibm-color__gray-80: #3D3D3D;
$ibm-color__gray-90: #282828;
$ibm-color__gray-100: #171717;
$ibm-color__green-10: #DAFBE4;
$ibm-color__green-20: #9DEEB2;
$ibm-color__green-30: #56D679;
$ibm-color__green-40: #3DBB61;
$ibm-color__green-50: #24A249;
$ibm-color__green-60: #198038;
$ibm-color__green-70: #10642A;
$ibm-color__green-80: #054719;
$ibm-color__green-90: #01330F;
$ibm-color__green-100: #081B09;
$ibm-color__magenta-10: #FFF0F6;
$ibm-color__magenta-20: #FFCFE1;
$ibm-color__magenta-30: #FFA0C2;
$ibm-color__magenta-40: #FA75A6;
$ibm-color__magenta-50: #EE538B;
$ibm-color__magenta-60: #D12765;
$ibm-color__magenta-70: #A11950;
$ibm-color__magenta-80: #760A3A;
$ibm-color__magenta-90: #57002B;
$ibm-color__magenta-100: #2A0A16;
$ibm-color__orange-40: #FC7B1E;
$ibm-color__purple-10: #F7F1FF;
$ibm-color__purple-20: #E6D6FF;
$ibm-color__purple-30: #D0B0FF;
$ibm-color__purple-40: #BB8EFF;
$ibm-color__purple-50: #A970FF;
$ibm-color__purple-60: #8A3FFC;
$ibm-color__purple-70: #6E32C9;
$ibm-color__purple-80: #4F2196;
$ibm-color__purple-90: #38146B;
$ibm-color__purple-100: #1E1033;
$ibm-color__red-10: #FFF0F1;
$ibm-color__red-20: #FCD0D3;
$ibm-color__red-30: #FFA4A9;
$ibm-color__red-40: #FF767C;
$ibm-color__red-50: #FB4B53;
$ibm-color__red-60: #DA1E28;
$ibm-color__red-70: #A51920;
$ibm-color__red-80: #750E13;
$ibm-color__red-90: #570408;
$ibm-color__red-100: #2C080A;
$ibm-color__teal-10: #DBFBFB;
$ibm-color__teal-20: #87EDED;
$ibm-color__teal-30: #20D5D2;
$ibm-color__teal-40: #00BAB6;
$ibm-color__teal-50: #009E9A;
$ibm-color__teal-60: #007D79;
$ibm-color__teal-70: #006161;
$ibm-color__teal-80: #004548;
$ibm-color__teal-90: #003137;
$ibm-color__teal-100: #081A1C;
$ibm-color__warm-gray-10: #F7F3F1;
$ibm-color__warm-gray-20: #E0DBDA;
$ibm-color__warm-gray-30: #C1BCBB;
$ibm-color__warm-gray-40: #A7A2A2;
$ibm-color__warm-gray-50: #8F8B8B;
$ibm-color__warm-gray-60: #726E6E;
$ibm-color__warm-gray-70: #595555;
$ibm-color__warm-gray-80: #403C3C;
$ibm-color__warm-gray-90: #2B2828;
$ibm-color__warm-gray-100: #1A1717;
$ibm-color__white-0: #ffffff;
$ibm-color__yellow-20: #FDD13A;
$ibm-color-map: (
  'black': (
    100: $ibm-color__black-100,
  ),
  'blue': (
    10: $ibm-color__blue-10,
    20: $ibm-color__blue-20,
    30: $ibm-color__blue-30,
    40: $ibm-color__blue-40,
    50: $ibm-color__blue-50,
    60: $ibm-color__blue-60,
    70: $ibm-color__blue-70,
    80: $ibm-color__blue-80,
    90: $ibm-color__blue-90,
    100: $ibm-color__blue-100,
  ),
  'cool-gray': (
    10: $ibm-color__cool-gray-10,
    20: $ibm-color__cool-gray-20,
    30: $ibm-color__cool-gray-30,
    40: $ibm-color__cool-gray-40,
    50: $ibm-color__cool-gray-50,
    60: $ibm-color__cool-gray-60,
    70: $ibm-color__cool-gray-70,
    80: $ibm-color__cool-gray-80,
    90: $ibm-color__cool-gray-90,
    100: $ibm-color__cool-gray-100,
  ),
  'cyan': (
    10: $ibm-color__cyan-10,
    20: $ibm-color__cyan-20,
    30: $ibm-color__cyan-30,
    40: $ibm-color__cyan-40,
    50: $ibm-color__cyan-50,
    60: $ibm-color__cyan-60,
    70: $ibm-color__cyan-70,
    80: $ibm-color__cyan-80,
    90: $ibm-color__cyan-90,
    100: $ibm-color__cyan-100,
  ),
  'gray': (
    10: $ibm-color__gray-10,
    20: $ibm-color__gray-20,
    30: $ibm-color__gray-30,
    40: $ibm-color__gray-40,
    50: $ibm-color__gray-50,
    60: $ibm-color__gray-60,
    70: $ibm-color__gray-70,
    80: $ibm-color__gray-80,
    90: $ibm-color__gray-90,
    100: $ibm-color__gray-100,
  ),
  'green': (
    10: $ibm-color__green-10,
    20: $ibm-color__green-20,
    30: $ibm-color__green-30,
    40: $ibm-color__green-40,
    50: $ibm-color__green-50,
    60: $ibm-color__green-60,
    70: $ibm-color__green-70,
    80: $ibm-color__green-80,
    90: $ibm-color__green-90,
    100: $ibm-color__green-100,
  ),
  'magenta': (
    10: $ibm-color__magenta-10,
    20: $ibm-color__magenta-20,
    30: $ibm-color__magenta-30,
    40: $ibm-color__magenta-40,
    50: $ibm-color__magenta-50,
    60: $ibm-color__magenta-60,
    70: $ibm-color__magenta-70,
    80: $ibm-color__magenta-80,
    90: $ibm-color__magenta-90,
    100: $ibm-color__magenta-100,
  ),
  'orange': (
    40: $ibm-color__orange-40,
  ),
  'purple': (
    10: $ibm-color__purple-10,
    20: $ibm-color__purple-20,
    30: $ibm-color__purple-30,
    40: $ibm-color__purple-40,
    50: $ibm-color__purple-50,
    60: $ibm-color__purple-60,
    70: $ibm-color__purple-70,
    80: $ibm-color__purple-80,
    90: $ibm-color__purple-90,
    100: $ibm-color__purple-100,
  ),
  'red': (
    10: $ibm-color__red-10,
    20: $ibm-color__red-20,
    30: $ibm-color__red-30,
    40: $ibm-color__red-40,
    50: $ibm-color__red-50,
    60: $ibm-color__red-60,
    70: $ibm-color__red-70,
    80: $ibm-color__red-80,
    90: $ibm-color__red-90,
    100: $ibm-color__red-100,
  ),
  'teal': (
    10: $ibm-color__teal-10,
    20: $ibm-color__teal-20,
    30: $ibm-color__teal-30,
    40: $ibm-color__teal-40,
    50: $ibm-color__teal-50,
    60: $ibm-color__teal-60,
    70: $ibm-color__teal-70,
    80: $ibm-color__teal-80,
    90: $ibm-color__teal-90,
    100: $ibm-color__teal-100,
  ),
  'warm-gray': (
    10: $ibm-color__warm-gray-10,
    20: $ibm-color__warm-gray-20,
    30: $ibm-color__warm-gray-30,
    40: $ibm-color__warm-gray-40,
    50: $ibm-color__warm-gray-50,
    60: $ibm-color__warm-gray-60,
    70: $ibm-color__warm-gray-70,
    80: $ibm-color__warm-gray-80,
    90: $ibm-color__warm-gray-90,
    100: $ibm-color__warm-gray-100,
  ),
  'white': (
    0: $ibm-color__white-0,
  ),
  'yellow': (
    20: $ibm-color__yellow-20,
  ),
);
// CSS Variables
@mixin ibm-color__css-variables {
  :root {
    --ibm-color__black-100: #000000;
    --ibm-color__blue-10: #EDF4FF;
    --ibm-color__blue-20: #C9DEFF;
    --ibm-color__blue-30: #97C1FF;
    --ibm-color__blue-40: #6EA6FF;
    --ibm-color__blue-50: #418CFF;
    --ibm-color__blue-60: #0062FF;
    --ibm-color__blue-70: #054ADA;
    --ibm-color__blue-80: #0530AD;
    --ibm-color__blue-90: #061F80;
    --ibm-color__blue-100: #051243;
    --ibm-color__cool-gray-10: #F2F4F8;
    --ibm-color__cool-gray-20: #D5D9E0;
    --ibm-color__cool-gray-30: #B9BFC7;
    --ibm-color__cool-gray-40: #9FA5AD;
    --ibm-color__cool-gray-50: #868D95;
    --ibm-color__cool-gray-60: #697077;
    --ibm-color__cool-gray-70: #50565B;
    --ibm-color__cool-gray-80: #373D42;
    --ibm-color__cool-gray-90: #242A2E;
    --ibm-color__cool-gray-100: #13171A;
    --ibm-color__cyan-10: #E3F6FF;
    --ibm-color__cyan-20: #B3E6FF;
    --ibm-color__cyan-30: #6CCAFF;
    --ibm-color__cyan-40: #30B0FF;
    --ibm-color__cyan-50: #1193E8;
    --ibm-color__cyan-60: #0072C3;
    --ibm-color__cyan-70: #0058A1;
    --ibm-color__cyan-80: #003D73;
    --ibm-color__cyan-90: #002B50;
    --ibm-color__cyan-100: #07192B;
    --ibm-color__gray-10: #F3F3F3;
    --ibm-color__gray-20: #DCDCDC;
    --ibm-color__gray-30: #BEBEBE;
    --ibm-color__gray-40: #A4A4A4;
    --ibm-color__gray-50: #8C8C8C;
    --ibm-color__gray-60: #6F6F6F;
    --ibm-color__gray-70: #565656;
    --ibm-color__gray-80: #3D3D3D;
    --ibm-color__gray-90: #282828;
    --ibm-color__gray-100: #171717;
    --ibm-color__green-10: #DAFBE4;
    --ibm-color__green-20: #9DEEB2;
    --ibm-color__green-30: #56D679;
    --ibm-color__green-40: #3DBB61;
    --ibm-color__green-50: #24A249;
    --ibm-color__green-60: #198038;
    --ibm-color__green-70: #10642A;
    --ibm-color__green-80: #054719;
    --ibm-color__green-90: #01330F;
    --ibm-color__green-100: #081B09;
    --ibm-color__magenta-10: #FFF0F6;
    --ibm-color__magenta-20: #FFCFE1;
    --ibm-color__magenta-30: #FFA0C2;
    --ibm-color__magenta-40: #FA75A6;
    --ibm-color__magenta-50: #EE538B;
    --ibm-color__magenta-60: #D12765;
    --ibm-color__magenta-70: #A11950;
    --ibm-color__magenta-80: #760A3A;
    --ibm-color__magenta-90: #57002B;
    --ibm-color__magenta-100: #2A0A16;
    --ibm-color__orange-40: #FC7B1E;
    --ibm-color__purple-10: #F7F1FF;
    --ibm-color__purple-20: #E6D6FF;
    --ibm-color__purple-30: #D0B0FF;
    --ibm-color__purple-40: #BB8EFF;
    --ibm-color__purple-50: #A970FF;
    --ibm-color__purple-60: #8A3FFC;
    --ibm-color__purple-70: #6E32C9;
    --ibm-color__purple-80: #4F2196;
    --ibm-color__purple-90: #38146B;
    --ibm-color__purple-100: #1E1033;
    --ibm-color__red-10: #FFF0F1;
    --ibm-color__red-20: #FCD0D3;
    --ibm-color__red-30: #FFA4A9;
    --ibm-color__red-40: #FF767C;
    --ibm-color__red-50: #FB4B53;
    --ibm-color__red-60: #DA1E28;
    --ibm-color__red-70: #A51920;
    --ibm-color__red-80: #750E13;
    --ibm-color__red-90: #570408;
    --ibm-color__red-100: #2C080A;
    --ibm-color__teal-10: #DBFBFB;
    --ibm-color__teal-20: #87EDED;
    --ibm-color__teal-30: #20D5D2;
    --ibm-color__teal-40: #00BAB6;
    --ibm-color__teal-50: #009E9A;
    --ibm-color__teal-60: #007D79;
    --ibm-color__teal-70: #006161;
    --ibm-color__teal-80: #004548;
    --ibm-color__teal-90: #003137;
    --ibm-color__teal-100: #081A1C;
    --ibm-color__warm-gray-10: #F7F3F1;
    --ibm-color__warm-gray-20: #E0DBDA;
    --ibm-color__warm-gray-30: #C1BCBB;
    --ibm-color__warm-gray-40: #A7A2A2;
    --ibm-color__warm-gray-50: #8F8B8B;
    --ibm-color__warm-gray-60: #726E6E;
    --ibm-color__warm-gray-70: #595555;
    --ibm-color__warm-gray-80: #403C3C;
    --ibm-color__warm-gray-90: #2B2828;
    --ibm-color__warm-gray-100: #1A1717;
    --ibm-color__white-0: #ffffff;
    --ibm-color__yellow-20: #FDD13A;
  }
}
/* do not include CSS variables by default */
/* exclude if $ibm-colors__include-css-variables is false */
$ibm-colors__include-css-variables: false !default;
@if ($ibm-colors__include-css-variables == true) {
  @include ibm-color__css-variables;
}
